Финальный раунд: SSR vs SSG vs CSR

Финальный раунд между SSR, SSG и CSR

Заключительная часть про рендеринг фронта, предыдущие можно посмотреть по хештегу #SSR.

Начнем с того, что все в порядке, что я не был погружен в тему серверного рендеринга, так как оказывается что в сфере высокоинтерактивных клиентских приложений SSR не особо-то в почете. Его просто некуда там приложить. А где же тогда он хорош?

Серверный рендеринг ваш бро, если у вас сайтец, ориентированный на поисковики. Поисковые роботы относительно ленивы и лучше переваривают готовый HTML, а не JS, который надо запустить чтобы получить контент.

Отсюда вытекает следующее — серверный рендеринг хорош для контентных сайтов, где мало интерактива: сайты с новостями, блог-платформы.

И конечно без SSR никуда, если вам нужны уникальные для каждой пошаренной страницы превьюшки в соцсетях, так как они генерятся на основе og-мета-тегов, которые должны быть вшиты в HTML.

Для лендосов и блогов лучше подойдет не серверный рендеринг, а серверная генерация. Мой блог на Astro как раз такой. Запустил билд, получил статику, закинул на сервак, успех!

В остальных случаях выбираем рендеринг на клиенте и не паримся. И вот почему:

В случае приложений с высокой интерактивностью использовать серверный рендеринг не имеет смысла, так как все равно эти приложения нафаршированы JS по самое не балуй и выиграть в эту игру не получится.

Так же совсем нет смысла использовать серверный рендеринг в корпоративных админках. Обычно такими штуками пользуется полтора землекопа, там не нужны ни SEO ни оптимизация скорости первоначальной загрузки. Главное — чтобы бизнес-функция выполнялась максимально дёшево.

Мои любимые модные PWA тоже прекрасно чувствуют себя без серверного рендеринга, особенно если умеет кешировать данные для работы и работать в оффлайн-режиме.

И конечно же для гуру доступна опция комбинации всех трех подходов в нужных пропорциях для достижения максимального баланса между стоимостью, скоростью и простотой.

Вот такая база по вариантам использования #SSR, #SSG и #CSR

Сохраняй!

Есть что сказать? — комменты Понравилось? — 👍 Было полезно? — 🔥 Повторим про PWA?— ❤️ Было душновато? — 🗿

© Счастливый тимлид